<!-- common js import start -->
<script type="text/javascript"
	src="<c:url value="/resources/js/jquery-1.11.0.min.js" />"></script>

<script type="text/javascript"
	src="<c:url value="/resources/js/jquery-ui-1.10.4.min.js" />"></script>

<script type="text/javascript"
	src="<c:url value="/resources/js/bootstrap.js " />"></script>

<script type="text/javascript"
	src="<c:url value="/resources/js/common.js" />"></script>

<!-- 	banner js import start -->

<script type="text/javascript"
	src="<c:url value="/resources/js/slider/jssor.core.js" />"></script>
<script type="text/javascript"
	src="<c:url value="/resources/js/slider/jssor.utils.js" />"></script>
<script type="text/javascript"
	src="<c:url value="/resources/js/slider/jssor.slider.js" />"></script>


<script type="text/javascript">
	$(document)
			.ready(
					function($) {

						var _SlideshowTransitions = [
						//Fade
						{
							$Duration : 1200,
							$Opacity : 2
						} ];

						var options = {
							$AutoPlay : true,
							$AutoPlaySteps : 1,
							$AutoPlayInterval : 3000,
							$PauseOnHover : 1,
							$ArrowKeyNavigation : true,
							$SlideDuration : 500,
							$MinDragOffsetToSlide : 20,
							$SlideSpacing : 0,
							$DisplayPieces : 1,
							$ParkingPosition : 0,
							$UISearchMode : 1,
							$PlayOrientation : 1,
							$DragOrientation : 3,

							$SlideshowOptions : {
								$Class : $JssorSlideshowRunner$,
								$Transitions : _SlideshowTransitions,
								$TransitionsOrder : 1,
								$ShowLink : true
							},

							$BulletNavigatorOptions : {
								$Class : $JssorBulletNavigator$,
								$ChanceToShow : 2,
								$AutoCenter : 1,
								$Steps : 1,
								$Lanes : 1,
								$SpacingX : 10,
								$SpacingY : 10,
								$Orientation : 1
							},

							$ArrowNavigatorOptions : {
								$Class : $JssorArrowNavigator$,
								$ChanceToShow : 2,
								$Steps : 1
							}
						};
						var jssor_slider1 = new $JssorSlider$(
								"slider1_container", options);

						function ScaleSlider() {
							var parentWidth = jssor_slider1.$Elmt.parentNode.clientWidth;
							if (parentWidth)
								jssor_slider1.$SetScaleWidth(Math.min(
										parentWidth, 600));
							else
								window.setTimeout(ScaleSlider, 30);
						}

						ScaleSlider();

						if (!navigator.userAgent
								.match(/(iPhone|iPod|iPad|BlackBerry|IEMobile)/)) {
							$(window).bind('resize', ScaleSlider);
						}

					});
</script>

<!-- banner js import end -->

<!-- common js import end -->


<!-- common css style sheet imports start-->
<link href="<c:url value="/resources/css/bootstrap.min.css " />"
	rel="stylesheet" type="text/css" />
<link href="<c:url value="/resources/css/style.css" />" rel="stylesheet"
	type="text/css" />
<link href="<c:url value="/resources/css/common.css" />"
	rel="stylesheet" type="text/css" />

<link href="<c:url value="/resources/css/jquery-ui-1.10.4.css" />"
	rel="stylesheet" type="text/css" />



<!-- common css style sheet imports end-->
